<style>
	#owner_recharge .rent-title {
		font-weight:100;
		font-size:36px;
		margin:8px 0px;
	}
	#owner_recharge .rent-button {
		border:none;
		background:rgb(46,160,112);
		padding:14px;
		color:#fff;
		margin:18px 0px;
		transition:all ease .3s;
		outline:none;
		box-shadow:1px 1px 2px #666;
		position: absolute;
		top:5px;
		left: 420px;
		font-size:18px;
		margin:0;
	}
	#owner_recharge .rent-button:hover {
		background:rgba(51,172,119,1);
	}
	#owner_recharge .rent-operation {
		height:45px;
		position: relative;
	}
	#owner_recharge .rent-content {
		height:315px;
		position:relative;
	}
	#owner_recharge .bill-history {
		position: absolute;
		top:0;
		left:0;
		bottom:0;
		width:500px;
	}
	#owner_recharge .rent-operation {
		position: relative;
		height:70px;
	}
	#owner_recharge .bill-history table {
		border:none;
		width:100%;
		color:#333;
	}
	#owner_recharge .bill-history table tbody td {
		font-size:12px;
	}
	#owner_recharge .bill-history table tr td:nth-child(1) {
		text-align: left;
	}
	#owner_recharge .bill-history table tr td:nth-child(2) {
		text-align: right;
	}
	#owner_recharge .bill-history table tbody tr td:nth-child(2):before {
		content:'￥'
	}
	#owner_recharge #balance {
		font-size:36px;
		font-weight: bold;
	}
	#owner_recharge #balance:before {
		content: '￥';
		font-weight:100;
	}
	#owner_recharge tbody tr:nth-child(even) {
		background: #e0e0e0;
	}
	#owner_recharge tbody tr td {
		padding:5px 0;
	}
	#owner_recharge #deposit {
		height:47px;
		width:85px;
		border:3px solid #ccc;
		position:absolute;
		top:5px;
		left:0;
		outline:none;
		padding:0 8px;
		font-size:36px;
		color:#9F3A38;
		text-align: right;
	}
	#owner_recharge #money {
		height:47px;
		width:200px;
		border:3px solid #ccc;
		position:absolute;
		top:5px;
		left:110px;
		outline:none;
		padding:0 8px;
		font-size:36px;
		color: #9F3A38;
		text-align: right;
	}
	#owner_recharge #money:focus {
		border-color: #666;
	}
</style>
<section id="owner_recharge" style="position: absolute;top:0;left:0;bottom:0;right:0;background:#eee;padding:10px 30px;">
	<div class="rent-header">
		<h1 class="rent-title"><span style="font-size:36px;" id="ownerName">XX</span><small style="font-size:14px;margin:0 8px;">XXXX</small></h1>
		<small style="font-size:18px;font-weight:100; margin:0;color:#666;display:block;">余额：<span id="balance">0</span></small>
	</div>
	<div class="rent-operation">
		<input id="deposit" type="number" step="1" min="0" max="99999" value="0" />
		<input id="money" type="number" step="1" min="0" max="99999" value="50" />
		<button type="button" class="rent-button" onclick="rechargeManager.recharge()">充值</button>
	</div>
	<div class="rent-content">
		<div class="bill-history">
			<h1 class="rent-title" style="font-size:18px;">账单历史</h1>
			<hr style="border:none;border-top:1px solid #ccc;">
			<table>
				<thead>
				<tr>
					<td>日期</td>
					<td>金额</td>
				</tr>
				</thead>
			</table>
			<div style="height:235px;overflow-y:auto;margin-top:5px;">
				<table>
					<tbody>
					<tr>
						<td colspan="2" style="text-align:left;padding-top:20px;">暂无数据</td>
					</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</section>
<script src="views/parkLotCenter/parkingLotInfo/js/recharge.js"></script>
<script>
	var rechargeManager = new Recharge($('#owner_recharge'));
</script>